//Created by Joanna Tan
Ext.define("MajorProjectSenchaTouch.view.SearchModule.FirstFilter",{
    extend: 'Ext.Panel',
    xtype: 'firstfilter',
    
    config:{
        items: [
        {
            xtype: 'panel',
            ui: 'neutral',
            items: [
            {     
                html: ['<header class="adsTitle">Advanced Search</header>']
            },
            {
                xtype: 'panel',
                id: 'advsearchPanWrapper',
                cls: 'filterWrapper',
                items: [ {
                    xtype: 'searchfield',
                    name : 'search',
                    id: 'aSearchField1',
                    cls: 'advaSearchFieldSty',
                    placeHolder: 'Search'
                },
                {
                    xtype: 'selectfield',
                    name: 'type',
                    ui: 'light',
                    usePicker: true,
                    id: 'aSelectField1',
                    cls: 'advaSelectFieldSty',
                    options: [
                    {
                        text: 'By Keyword Anywhere',
                        value: 'Key'
                    },
                    {
                        text: 'By Author',
                        value: 'Author'
                    },
                    {
                        text: 'By Title',
                        value: 'Title'
                    },
                    {
                        text: 'By Subject',
                        value: 'Subject'
                    }
                    ]
                },
                {
                    xtype: 'togglefield',
                    layout:{
                        type: 'hbox'
                    },
                    label: 'Search as a Phrase',
                    id: 'aToggle1',
                    labelWidth: '10.0em',
                    labelWrap: true
                }]
            }]
        }]
    }
});